<!DOCTYPE html>
<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="utf-8">
       
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
        <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
        
        <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/play-pagination.css'}"> 

        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />

        #{get 'moreStyles' /}
        <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
        <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
        
        #{set 'moreScripts'}
		<script type="text/javascript" charset="utf-8">
		  window.fbAsyncInit = function() {
		      FB.init({ 
		        appId:'${facebookApplicationID}', cookie:true, status:true, xfbml:false 
		      });
		      FB.Canvas.setAutoResize();
		  };
		  $("<div id='fb-root'></div>").appendTo('body');
		  var e = document.createElement('script');
		  e.src = document.location.protocol + '//connect.facebook.net/tr_TR/all.js';
		  e.async = true;
		  document.getElementById('fb-root').appendChild(e);
		</script>
		
		
		#{/set}
        
    </head>
    
     <body scroll="no">
    
    <div class="container">
    
	    <div class="ust">
	    
	    	<div class="logo" ><a href="@{Application.index}"><img src="@{'/public/images/logo.png'}" border="0"> </a></div>
	    	<div class="user_ust"><img src="${userImage}" width="25" height="25" border="0" style="vertical-align:middle;" /> <a href="/profile/${userId}">${facebookName}</a></div>
	    	<div class="ust_line" style="color: #FFFFFF"><a href="@{Application.index}" >Anasayfa</a> &nbsp; | &nbsp; <a href="@{StartJourney.startjourney}">Yolculuğa Başla</a> &nbsp; | &nbsp;<a href="@{Aboutus.aboutus}">Hakkımızda</a> &nbsp; | &nbsp; <a href="@{Faq.faq}">S.S.S.</a> &nbsp; | &nbsp; <a href="@{Contacts.contact}">İletişim</a>
	    	<div class="series_follow" style="margin-right: 0px; margin-top: 0px;">
	    	<img src="@{'/public/images/facebookShareIcon.png'}" width="14" height="14" border="0" style="vertical-align:middle;" />
			<a href="#"  onclick="FacebookInviteFriends();">Invite Your Friends!</a>
	    	</div>
	    	</div>
	   
	   			<div id="fb-root"></div>
	<script src="https://connect.facebook.net/en_US/all.js"></script>
	<script>
	FB.init({appId : '${facebookApplicationID}', status : true, cookie : true, xfbml : true});
	function FacebookInviteFriends()
	{
	FB.ui({
	method: 'apprequests',
	message: 'Come on use our application!!!'
	});
	}
	window.fbAsyncInit = function() { FB.Canvas.setAutoGrow(); }
	
	
	function postToFeed(name, image, description, hrefTitle, hrefLink, userPrompt) {

        // calling the API ...
        var obj = {
          method: 'feed',
          redirect_uri: hrefLink,
          link: hrefLink,
          picture: image,
          name: name,
          caption: hrefTitle,
          description: description
        };

        function callback(response) { }

        FB.ui(obj, callback);
      }
	
	</script>
	   
	    <!-- color #3B5998-->
	    </div>
	    

    	<div class="alt">
			 #{doLayout /}	
			
        </div>
        
    </div>
    </body>
    
</html>
